package Visitante;

<%-- 
    Document   : PerfilFa
    Created on : 21/10/2009, 11:15:25
    Author     : HC
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Arghhh !</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="stylePerfil.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
        <div id="topo">
            <div id="loginb" class="login">
                Buscar:<input  type="text" id="busca-text" name="Cbuscar" size="40" maxlength="128" />
                &nbsp;&nbsp;
                <select id="campos">
                    <option value="tudo">Todos</option>
                    <option value="usuario">Usuário</option>
                    <option value="banda">Banda </option>
                    <option value="ntegrante">Integrante</option>
                </select>
                &nbsp;&nbsp;
                <input type="button" name="enviar" value="Procurar"/>
            </div>
        </div>
        <!-- Fim do Cabeçalho -->
        <div id="menu">
            <ul>
                <li>&nbsp;&nbsp;&nbsp;</li>
                <li class="current_page_item"><a href="/ArghhhWeb/ir_para?pagina=PerfilFa">Meu Perfil</a></li>
                <li><a href="/ArghhhWeb/ir_para?pagina=InicialLog">Home</a></li>
                <li><a href="/ArghhhWeb/ir_para?pagina=BandasLog">Bandas</a></li>
                <li><a href="/ArghhhWeb/ir_para?pagina=PessoasLog">Pessoas</a></li>
                <li><a href="/ArghhhWeb/ir_para?pagina=RankingLog">Ranking</a></li>
                <li><a href="/ArghhhWeb/ir_para?pagina=LinksLog">Links</a></li>
                <li><a href="/ArghhhWeb/ir_para?pagina=ContatoLog">Contato</a></li>




            </ul>
        </div>
        <!-- end #menu -->
        <div id="page">
            <jsp:useBean id="fa" scope="request" type="arghhh.implementaçao.modelo.Fa" />
            <div id="sidebar">
                <ul>
                    <li style="margin-bottom:25px;text-align:center">
                        <img src="images/foto_usuario.jpg" alt="" /><br/>
                        <%=fa.getCidade()%>, <%=fa.getEstado()%>
                    </li>
                   
                    <li>
                        <h2>Conteúdo</h2>
                        <ul>
                            <li><a href="/ArghhhWeb/ir_para?pagina=BandasSeguidas">Bandas Seguidas</a>&nbsp;</li>
                            <li><a href="/ArghhhWeb/ir_para?pagina=Amigos">Amigos</a>&nbsp;</li>
                            <li><a href="/ArghhhWeb/ir_para?pagina=Fotos">Fotos</a>&nbsp;</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- end #sidebar -->
            <div id="content">
                <div class="post">
                    <h1 class="title"><%=fa.getNome()%></h1>
                    <p class="meta">Data de Nascimento <%=fa.getDia()%>/<%=fa.getMes()%>/<%=fa.getAno()%> </p>
                    <div id="entry">
                        <div id="personal">
                            <h3>Estilos Musicais:</h3>
                            <!-- gerar um for para listar os loops-->
                            <p style="margin-left:90px;"><% for (int x = 0; x < fa.getEstilos().length; x++) {
            out.print(fa.getEstilos()[x]);%>
                                <br/>
                            <% }%></p>
                        </div>

                        <fieldset>
                            <legend><a href="#">Enviar Mensagem</a></legend>
                            <textarea rows="6" cols="55" name="comentario" id="campocomentario">
                            </textarea>

                            <a href="#" style="float:right">Apagar</a>
                            <a href="#" style="float:left;margin-left:380px;">Enviar</a>
                        </fieldset>

                        <h3>Mensagens</h3>

                        <fieldset>
                            <legend><a href="#">Nome</a></legend>
                            <dl>
                                <dt><img src="images/foto_usuario_peq.jpg"/ ></dt>
                                <dd> 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111
                                    1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111
                                </dd>
                            </dl>
                            <a href="#" style="float:right">Apagar</a>
                        </fieldset>

                    </div>
                </div>


            </div>
            <!-- end #content -->
            <div style="clear: both;">&nbsp;</div>
        </div>
        <!-- end #page -->
        <div id="footer">
            <p>Copyright (c) 2009 Projeto de Desenvolvimento de Sistema Web, Grupo 6</p>
        </div>
        <!-- end #footer -->
    </body>
</html>
